<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body {
      background-color: #f7f7f7;
      margin: 0;
    }
    ul, li {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .wrapper {
      padding: 20px 12px;
    }
    .chunk {
      margin-top: 12px;
      padding: 16px 0;
      box-shadow: 0 2px 4px 2px rgba(0,0,0,.03);
      background: #fff;
      border-radius: 10px;
    }
    .chunk-title {
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFangSC;
      font-weight: 600;
      color: #333;
      height: 22px;
      line-height: 22px;
      padding: 0 16px;
    }
    .chunk ul {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    .chunk li {
      width: 25%;
      text-align: center;
      padding-top: 14px;
    }
    .chunk li img {
      width: 36px;
      height: 36px;
      object-fit: cover;
    }
    .chunk li > div {
      height: 12px;
      font-size: 12px;
      font-weight: 400;
      color: #000;
      line-height: 12px;
    }
  </style>
</head>
<body>
  <div class="wrapper">
    <div class="chunk">
      <header class="chunk-title">体检服务</header>
      <ul>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/caf6a921-fe8b-4507-aac9-db7fa1ca4f1c.png" alt="">
          <div>健康体检</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/contract/2022-04-15/1650018626844-icon_home_ruzhi_nor%402x.png" alt="">
          <div>入职体检</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/bd20e4a4-bc8b-457b-962a-7e2252b14a09.png" alt="">
          <div>个人体检</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/9cc3937b-d698-4990-8c76-9272b024cbb4.png" alt="">
          <div>专项体检</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/4a5839c6-bba2-4745-9cca-db1f2f6b6bf2.png" alt="">
          <div>报告查询</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/e634b8b6-17d6-4ca0-9ae4-c32b88895368.png" alt="">
          <div>报告解读</div>
        </li>
        <li onclick="location.href='https://test.daishutijian.com/tijian/apps/wechat/h5#/package-58-list?channel=009_01_0000_0000_00&tag=demo'" style="cursor: pointer;">
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/9d99df16-d462-43a3-b73c-2878fd7882c2.png" alt="">
          <div>家政体检</div>
        </li>
      </ul>
    </div>
    <div class="chunk">
      <header class="chunk-title">健康干预</header>
      <ul>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/1be451c8-f5fa-448d-95a9-1fa66a1730de.png" alt="">
          <div>名医问诊</div>
        </li>
        <li>
          <span style="position: relative;">
            <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/d826ba2b-e397-401f-8804-809966ebdb4f.png" alt="">
            <span><img style="position: absolute; width: 28px; height: 17px; top: -23px; right: -16px;" src="https://koudai-1251027788.cos.ap-guangzhou.myqcloud.com/H5%2Fimages%2Fhot.png" alt=""></span>
          </span>
          <div>极速问诊</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/8c49317e-eead-4744-9049-53213274a9ba.png" alt="">
          <div>智慧药房</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/9324dc71-644d-4867-b3e4-8c85d470df82.png" alt="">
          <div>健康监测</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/32cf65fa-2bdb-4c66-9b32-999cd21f5c13.png" alt="">
          <div>心理咨询</div>
        </li>
      </ul>
    </div>
    <div class="chunk">
      <header class="chunk-title">增值服务</header>
      <ul>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/843644ec-c1e3-40cc-ae3e-7f0d96897ce5.png" alt="">
          <div>HPV专区</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/17f4ddd9-7020-45a9-9506-40b628179cc4.png" alt="">
          <div>细胞存储</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.file.myqcloud.com/benefit/images/admin_account_avatar/07354ce8-4c64-4b55-bb9e-d9cb24d56a2f.png" alt="">
          <div>健康商城</div>
        </li>
        <li>
          <img src="https://benefit-1251027788.cos.ap-guangzhou.myqcloud.com/benefit/images/pis-cloud/ed83f12e-149a-448a-a1ff-0eb24a54a272.png" alt="">
          <div>东京医生</div>
        </li>
      </ul>
    </div>
  </div>
</body>
</html>